// 整体背景色
html {
    background-color: #EFEFF4;
}

// 头部
.head {
    height: 1.1733rem;
    background-color: #5485A2;
    position: relative;
    embed{
        position: absolute;
        width: .58rem;
        left: .2667rem;
    }
    p {
        font-size: 0.49rem;
        font-weight: 500;
        color: #FFFFFF;
    }
}

// 1
.one {
    height: 1.17rem;
    position: relative;
    background-color: #ffffff;

    embed {
        width: 0.4rem;
        height: 0.4rem;
        position: absolute;
        left: 0.4rem;
    }

    .one-1 {
        line-height: 1.17rem;
        text-align: center;
        border-left: solid 1px #E5E5E5;
        height: 1.17rem;
        width: 1.5733rem;
        position: relative;

        span {
            display: block;
            width: 0.13rem;
            height: 0.13rem;
            background: #EB004A;
            border-radius: 50%;
            position: absolute;
            left: 1.0967rem;
            bottom: .6967rem;
        }
    }

    input {
        margin-left: .9867rem;
        border: none;
        font-size: 0.4rem;
        font-weight: 500;
        color: #000;
    }

    img {
        width: 0.63rem;
        height: 0.63rem;
    }
}

.nn{
    display: none;
}
//2
.two {
    background-color: #fff;
    border-top: solid .0133rem #E5E5E5;
    border-bottom: solid .0133rem #E5E5E5;
    color: #444444;


    .two-you {
        border-right: solid .0133rem #E5E5E5;
    }

    .two-ul {
        font-size: 0.4rem;
        height: 1.17rem;
        line-height: 1.17rem;

        li {
            width: 33.3333333%;
            text-align: center;
        }

        .jia {
            z-index: 5;
            
            ul {
                background-color: #fff;

                li {
                    width: 100%;
                }
            }
        }
    }

    embed {
        width: .3333rem;
    }
}

// 5
.five {
    position: relative;
    margin-bottom: .0267rem;

    p {
        padding: 0 .2667rem;
    }

    .five-xian1 {
        position: absolute;
        width: 0.7067rem;
        height: .0133rem;
        background-color: #999;
        top: 5.0267rem;
        left: 1.5667rem;
    }

    .five-xian2 {
        position: absolute;
        width: 0.7067rem;
        height: .0133rem;
        background-color: #999;
        top: 5.0217rem;
        left: 6.5867rem;
    }



    .five-tu2,
    .five-tu1 {
        width: .8667rem;
    }

    .five-tu1 {
        position: absolute;
        left: 4.1503rem;
    }

    .five-tu2 {
        position: absolute;
        right: 0;
    }

    .five-1 {
        width: 49.9%;
        background-color: #ffffff;
        padding-bottom: .2rem;

        img {
            width: 100%;
            height: 4rem;

        }

        .five-1-1 {
            font-size: .4067rem;
            font-weight: 500;
        }

        .five-1-2 {
            font-size: .2667rem;
            font-weight: 500;
            color: #999;
            margin-left: .1333rem;
        }

    }

    .five-2 {
        width: 49.9%;
        background-color: #ffffff;
        padding-bottom: .2rem;

        img {
            width: 100%;
            height: 4rem;

        }

        .five-2-1 {
            font-size: .4067rem;
            font-weight: 500;
        }

        .five-2-2 {
            font-size: .2667rem;
            font-weight: 500;
            color: #999;
            margin-left: .1333rem;
        }
    }
}